<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>About Us</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
    </style>
 <!--    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no"> -->
    <!-- 1.9.1的JQuery文件 -->
    <script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.js"></script>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

    <link rel="stylesheet" href="../common-css/common.css">
    <link rel="stylesheet" href="css/poster.css">
</head>

<body>
    <section class="fo-part" id="part1">
        <div class="fo-overlay"></div>
        <div class="container" id="part1-container">
           <div class="row"   >
               <div class="col-lg-12" id="part1-content">
                   <h5 class="text-center">加入Lambda Plan,探索技术与创意</h5>
                   <h2 id="banner-title" class="text-center">Lambda Plan</h2>
                   <h5 class="text-center">Lamda Plan 致力于团队协作与孵化创意. Lamda Plan中team和idea永远是一等一的公民.</h5>
                   <button class="center-block" id="part1-btn">Get Start !</button>
               </div>
           </div>
        </div>
    </section>

    <section class="fo-part" id="part2">
            <div class="container" id="part2-container">
              <div id="part2-wrapper">
                  <div id="part2-header">
                      <h3 class="text-center">Change Something!</h3>
                      <h4 class="text-center">What Makes Us Different! Team And Idea.</h4>
                  </div>
                  <div id="part2-body">
                      <div class="row">
                          <div class="col-lg-4">
                              <div class="fo-feature-part">
                                  <img src="img/workspace.jpg" alt="" class="img-responsive">
                                  <hr>
                                  <p>高效的工作空间，RSS多方信息抓取汇总，再也不用担心遗漏了任务通知</p>
                              </div>
                          </div>

                          <div class="col-lg-4">
                              <div class="fo-feature-part">
                                  <img src="img/project.jpg" alt="" class="img-responsive">
                                  <hr>
                                  <p>灵活的项目管理工具,精心优化的敏捷开发过程模型Template</p>
                              </div>
                          </div>

                          <div class="col-lg-4">
                              <div class="fo-feature-part">
                                  <img src="img/blog.jpg" alt="" class="img-responsive">
                                  <hr>
                                  <p>强大优雅的MarkDown语法编辑器,创作灵感喷涌而出。</p>
                              </div>
                          </div>
                      </div><!--/row-->
                  </div><!--/part2-body-->
              </div><!--part2-wrapper-->
            </div><!--part2-container-->
    </section>
    <section class="fo-part" id="part3">
        <div id="part3-wrapper">
            <div  class="container" id="part3-container">
                <div id="part3-header">
                    <h2 class="text-center">Some Project</h2>
                    <h4 class="text-center">一些优秀的项目已经在在飞海中开源并且小组成员面向所有人。</h4>
                </div>
                <div id="part3-body" class="row">
                    <div class="fo-part3-box col-lg-8" id="part3-box-left">
                    </div>
                    <div class="fo-part3-box col-lg-4" id="part3-box-right">
                        <div id="part3-box-right-content">
                            <h4 class="text-center" id="part3-info1"></h4>
                            <h5 class="text-center" id="part3-info2"></h5>
                        </div>
                    </div>

                    <div id="part3-btn-wrapper">
                        <span id="part3-btn-left" class="fo-part3-btn glyphicon glyphicon-chevron-left"></span>
                        <span id="part3-btn-right" class="fo-part3-btn glyphicon glyphicon-chevron-right"></span>
                    </div>
                </div><!--part3-body-->
            </div>
        </div>
    </section>

    <ul id="fixed-side-nav">
        <li class="fixed-side-nav-item" id="fixed-side-nav-item1">Lambda Plan</li>
        <li class="fixed-side-nav-item" id="fixed-side-nav-item2">Our Creed</li>
        <li class="fixed-side-nav-item" id="fixed-side-nav-item3">Projects</li>
    </ul>
    <script src="js/poster.js"></script>
</body>

</html>